<template>
  <div>
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media">
        <router-link :to="'/home/newsInfo/'+id">
          <img
            class="mui-media-object mui-pull-left"
            src="../../images/weixin.png"
          />
          <div class="mui-media-body">
            幸福
            <p class="mui-ellipsis">
              <span>{{ dayTime | dateFormat }}</span>
              <span>点击: 0次</span>
            </p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dayTime: "",
      id: 14
    };
  },
  created() {
    this.getDateTime();
  },
  methods: {
    getDateTime() {
      this.dayTime = new Date();
    },
  },
};
</script>

<style lang="scss" scoped>
.mui-media-body{
    font-size: 14px;
    .mui-ellipsis{
        font-size: 12px;
        color: rgb(88, 88, 241);
        display: flex;
        justify-content: space-between;
    }
}
</style>